﻿/* scroll bars */
.scroll-container { position: relative; }
.scroll-container .scroll { padding-right: 36px; }
.scroll-container .handle-container { border-right: 1px solid #6D6D6D; right: 0; height: 100%; background-color: #fff; position: absolute; border-left: 35px solid #fff; top: 0; }
.scroll-container .handle { position: absolute; float: right; background-image: url("../Images/ScrollHandle.jpg"); cursor: pointer; display: inline-block; right: -8px; width: 14px; height: 14px; background-repeat: no-repeat; }

/* collapsible panels */
.v-panels { }
.v-panels > div { }
.v-panels h4.tab { cursor: pointer; color: #333; border-bottom: 1px solid #dcdcdc; background-color: #efefef; padding: 15px 0 15px 40px; margin: 0; background-image: url('../Images/SectionOpen.png'); background-repeat: no-repeat; background-position: 16px center; }
.v-panels h4.tab span { letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
.v-panels .closed h4 { background-image: url('../Images/SectionClosed.png'); }
.v-panels .panel { padding: 10px; border-bottom: 1px solid #EBEBEB; max-height: 300px; }
.v-panels .closed .panel { display: none; border: none; }
/*.v-panels .panel { -moz-transition: padding 0.5s ease-out, max-height 0.5s ease-out; -webkit-transition: padding 0.5s ease-out, max-height 0.5s ease-out; -o-transition: padding 0.5s ease-out, max-height 0.5s ease-out; transition: padding 0.5s ease-out, max-height 0.5s ease-out; }
.v-panels .closed .panel { max-height: 0; overflow: hidden; padding: 0 10px; }*/
.v-panels .panel p { margin: 0 0 1em 0; }